<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
    </h:head>
    <h:body>   
        <h:outputText value="Bienvenido al Sistema  #{login.username}"/>
        <h:form>
            <h:panelGrid bodyrows="11" columns="2" >
                <h:outputLabel value="Nombre:"/>
                <h:panelGroup>
                    <h:inputText value="#{clienteBean.cliente.nombre}" required="true" label="Nombre" id="nombre"/>
                    <h:message for="nombre" />
                </h:panelGroup>
                <h:outputLabel value="Apellido:"/>
                <h:panelGroup>
                    <h:inputText value="#{clienteBean.cliente.apellido}" rendered="true" label="Apellido" id="apellido">
                        <f:validateLength minimum="1" maximum="20" />
                    </h:inputText>
                    <h:message for="apellido" />
                </h:panelGroup>
                <h:outputLabel value="Genero"/>
                <h:selectOneRadio value="#{clienteBean.cliente.genero}">
                    <f:selectItems value="#{listados.generos}"/>
                </h:selectOneRadio>
                <h:outputLabel value="Profesion"/>
                <h:panelGroup>
                    <h:selectOneListbox value="#{clienteBean.cliente.profesion}" 
                                        size="1"
                                        onchange="submit()"
                                        valueChangeListener="#{clienteBean.mensajeProfesion}">
                        <f:selectItems value="#{listados.profesiones}"/>
                    </h:selectOneListbox>
                    <h:outputText value="#{clienteBean.mensaje}"/>
                </h:panelGroup>

                <h:outputLabel value="Numero Movil"/>
                <h:inputText value="#{clienteBean.cliente.numeroMovil}">
                    <f:converter converterId="numeroMovil"/>
                </h:inputText>
                <h:outputLabel value="Desea recibir publicidad?"/>
                <h:selectBooleanCheckbox value="#{clienteBean.cliente.publicidad}"/>
                <h:outputLabel value="Correo Electrónico"/>
                <h:inputText value="#{clienteBean.cliente.correoElectronico}"/>
                <h:outputLabel value="DNI"/>
                <h:panelGroup>
                    <h:inputText value="#{clienteBean.cliente.numeroDocumento}" required="true" label="N° Documento" id="numeroDocumento">
                        <f:validateRegex pattern="[0-9]{8}" />
                    </h:inputText>
                    <h:message for="numeroDocumento" />
                </h:panelGroup>
                <h:outputLabel value="Cantidad Hijos"/>
                <h:inputText value="#{clienteBean.cliente.cantidadHijos}" label="Cantidad de Hijos"/> 
                <h:outputLabel value="Fecha Nacimiento"/>
                <h:panelGroup>
                    <h:inputText value="#{clienteBean.cliente.fechaNacimiento}" label="Fecha de Nacimiento" id="fechaNac" required="true">
                        <!--Convertidores--> 
                        <f:convertDateTime pattern="dd/mm/yyyy"/>
                        <f:validator validatorId="fechaLimite" />
                    </h:inputText>    
                    <h:message for="fechaNac" showDetail="false" showSummary="true" />
                </h:panelGroup>
                <h:commandButton value="Registrar" action="#{clienteBean.registrar}"/>


            </h:panelGrid>
        </h:form>
    </h:body>
</html>

